<template>
  <view class="shifting-duty-record">
    <!-- <Tabs :options="options" v-model="tab" class="tab" /> -->
    <view class="shifting-duty-record-main">
      <!-- <BaseInfo v-if="tab === 1" :data="detail"/> -->
<!--      <Log v-else-if="tab === 2" :data="detail"/>
      <Opinion v-else  :data="detail"/> -->
			<StepShiftsMainOperator />
    </view>
  </view>
</template>

<script>
import Tabs from '@/pages/work/team-or-group/safety-meeting/components/Tabs.vue'

import StepShiftsMainOperator from '@/pages/work/team-or-group/shifting-handle/components/StepShiftsMainOperator.vue'
import BaseInfo from './components/BaseInfo.vue';
import Log from './components/Log.vue';
import Opinion from './components/Opinion.vue';

import { getShiftingInfo } from '@/api/duty-basic/duty-shifting.js'

export default {
  name: "",
  data() {
    return {
      queryParams: {
        pageNum: 1,
        pageSize: 10
      },
      options: '',
      tab: 1,
      list: [],
	  id: undefined,
	  detail: undefined
    }
  },
  components: { Tabs, BaseInfo, Log, Opinion ,StepShiftsMainOperator },
  onLoad(options) {
  	this.id = options.id
		this.options = options
		this.getShiftingInfo()
  },
  methods: {
	  async getShiftingInfo() {
		  const res = await getShiftingInfo(this.id)
		  this.detail = res.data
	  }
  },
  watch: {
    tab(val) {
      
    }
  },
}
</script>

<style lang='scss' scoped>
.shifting-duty-record
{
  padding-top: 20rpx;
  padding-bottom: 100rpx;
  & ::v-deep .tabs{
    padding: 20rpx 155rpx;
  }
}
.shifting-duty-record-main
{
  /* margin: 20rpx 0; */
}
</style>
